<!-- 授权管理页面   12.15  wcf全文添加--------------------------- -->
<template>
	<div class="all">

		<span class="title">授权管理</span>
		<div class="content">
			<div class="items">
				<div class="item">
					<p>机器码：</p>
					<el-input class="input-inner" :readonly="true" value="bfd795218d3acab70cc563b4fad211"></el-input>
				</div>

				<div class="item">
					<p>版本信息：</p>
					<el-input v-model="input" class="input-inner" :disabled="true" :placeholder="value1">
					</el-input>
				</div>

				<div class="item">
					<p>用户名称：</p>
					<el-input v-model="input" class="input-inner" :disabled="true" placeholder="试用版"></el-input>
				</div>

				<div class="item">
					<p>授权ID：</p>
					<el-input v-model="input" class="input-inner" :disabled="true" placeholder="试用版"></el-input>
				</div>

				<!--     <div class="item">
                    <p>授权用户数：</p>
                    <el-input v-model="input" class="input-inner" :disabled="true" placeholder="50"></el-input>
                </div> -->

				<div class="item">
					<p>产权授权期限：</p>
					<el-input v-model="input" class="input-inner" :disabled="true" placeholder="2023-02-15"></el-input>
				</div>

				<el-button type="primary">导入授权</el-button>
			</div>
		</div>

	</div>
</template>
<script type="text/babel">


	export default {
		
		data() {
			return {
				input:'',
				value1:''
			};
		},
		components: {},

		created() {},

		mounted() {	
			this.getset()
		},
		methods: {
		getset() {
			var that = this
			this.$http.get(this.$url + '/sys/gdVersion')
				.then(function(response) {
		            console.log(response);
		           
					if (response.data.code == '1410') {
		                    that.$Toast(response.data.msg);
		                    sessionStorage.setItem('token', '')
		                    that.$router.push('/login')
						return
					}
		            that.value1=response.data.msg
					
				})
				.catch(function(error) {
					console.log(error);
					that.$Toast('网络拥堵，刷新一下');
				});
		},
			},
        }
</script>

<style lang='less' scoped>
	* {
		margin: 0px;
		padding: 0px;
		list-style: none;
		font-family: 微软雅黑 !important;
	}

	.all {
		padding: 10px 30px;
		//background-color: #F3F3F4;
	}

	.title {

		color: #000;
		display: inline-block;
		width: 100px;
		height: 48px;
		line-height: 48px;
		text-align: center;
		border-radius: 5px;
		border-bottom: none;
		font-size: 24px;
	}

	.content {
		width: 100%;
		//border-top:1px solid #DDDDDD ;
	}

	.items {
		max-width: 600px;
		padding: 10px;
		background-color: #fff;
		padding-right: 5%;
	}

	.item {
		margin-top: 20px;
	}

	.items p {
		font-size: 14px;
		color: #333;

	}

	.el-input__inner:hover {
		cursor: pointer;
		background-color: #EEE !important;
		color: #7A6164;
	}

	.el-input__inner:focus {
		outline: none;
	}

	.el-button--primary {
		margin-top: 10px;
		padding: 10px 15px;
	}

	.el-input__inner {
		background-color: #EEE !important;
		color: #717170;
		font-size: 14px;
	}

	.el-input__inner:focus {
		outline: none;
	}
</style>
<style>

</style>
